<template>
  <div class="row-start-center h-[65px] text-[14px] border-bottom text-[#444]">
    <div class="w-[30%] mr-[6px] break-all">{{ item.Name }}</div>
    <div class="w-[25%] mr-[6px] break-all">{{ item.Remark || '--' }}</div>
    <div class="w-[25%]">
      <van-button
        @click="emit('status')"
        plain
        :type="robotStatusMap[item.IsUsed].type"
        round
        size="mini"
        class="!min-w-[50px]"
      >
        {{ robotStatusMap[item.IsUsed].text }}
      </van-button>
    </div>
    <div class="w-[20%]">
      <div @click="emit('more')" class="text-[#3976CC] text-[14px]">更多</div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { robotStatusMap } from "@/constants";

withDefaults(
  defineProps<{
    item: SubAccountMo;
  }>(),
  {}
);

const emit = defineEmits(["more", "status"]);
</script>
